上一篇文章介绍了简单的高阶组件实现方式，接下来介绍代理和继承方式的高阶组件。 一、代理方式的高阶组件 应用场景： 1. 操纵props 高阶组件能够改变被包裹组件的 props ，可以对 props 做任何操作，甚至可以在高阶组件中自定义事 ...

最近看了面试题中有一个这样的题，v-for 为什么要绑定 key？ Vue 中 key 很多人都弄不清楚有什么作用，甚至还有些人认为不绑定 key 就会报错。 其实没绑定 key 的话，Vue 还是可以正常运行的，报警告是因为没通过 Esl ...

日常开发中积累了不少可能对一些开发有帮助的简单易用的组件，好记性不如烂笔头，想对过去的一些零零乱乱的东西做一些总结，反省自己的同时也便于思考一些更优的方法，提升下开发思维???。 代码传送门（?感觉有作用的的同学帮忙点下❤️️） 效果截图 ...

作者：鱼头的Web海洋 公号 / 陈大鱼头 （本文转载自前端大全） 介绍 ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛，它往往被称为JavaS ...

前言 好的书本分章节、好的代码分模块，那么好的架构该如何定义呢？ 咳咳，不要意思，题目起大了~~ 小生之辈，岂敢以架构而论。 不过话说来，很多人都认为前端无非就是 HTML+CSS+JS,一个目录一类文件，有何架构可言。但是我想说。。。。你 ...

自己一个人整前端开发的时候，规范都是想起哪是哪。现在人多了，不能一个人一个js规范。目前的项目基本都是基于VUE的项目，遂用eslint来约定项目中的js代码。 1.vue项目里 .eslintrc.js vue本身有一些默认的规则，根据 ...

swiper官网API接口文档 swiper官网中给出的＂在vue中使用swiper教程＂ 第一步： 在项目文件夹中用＂shift＋鼠标右键＂召唤出命令行工具，然后输入：npm install vue-awesome-swiper --sa ...

Vue 的 computed 经常会用到，其中包含以下两个重点： 1、 computed 的计算结果会进行缓存； 2、只有在响应式依赖发生改变时才会重新计算结果。 接下从源码的出发，看看能不能验证这两个重点。为了能更好理解 computed ...

动态导入本地图片 假设我们有这么一个功能，后台返回图片的名称，前端需要自己拼接路径获取本地图片，假定这些资源是存在我们前端的 assets/images，如果你采取传统的字符串拼接的方式： //template <img :src="'@/ ...

面试的时候，面试官经常会问 Vue 双向绑定的原理是什么？我猜大部分人会跟我一样，不假思索的回答利用 Object.defineProperty 实现的。 其实这个回答很笼统，而且也没回答完整？Vue 中 Object.defineProp ...